<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>云南公安网安大数据安全监管平台</title>
  <link rel="stylesheet" href="../../assets/css/uikit.css">
  <link rel="stylesheet" href="../../assets/css/style.css">
  <link rel="stylesheet" href="../../assets/icons/style.css">
  <script src="../../scripts/jquery-1.11.3.min.js"></script>
  <script src="nav.js"></script>
  <script src="../../scripts/plugins/jquery.icheck.min.js"></script>
  <script src="../../scripts/plugins/jquery.tablesort.min.js"></script>
  <script src="../../scripts/plugins/jquery.ztree.all.min.js"></script>
  <script src="../../scripts/plugins/select2.min.js"></script>
  <script src="../../scripts/plugins/Sortable.min.js"></script>
  <script src="../../scripts/plugins/jquery.mCustomScrollbar.concat.min.js"></script>
  <style>
    .source-box{width:25%;}
    .source-box:nth-child(3n+1){clear: none;}
    .source-item ul{height: 260px; overflow:auto;}
  </style>
</head>
<body class="sys-body" style="overflow:hidden;">
  <div class="sys-header">
    <div class="sys-logo">
      <h1>云南公安网安大数据安全监管平台</h1>
    </div>

    <div class="sys-menu" id="sys-menu">
      <ul>
        <li>loading......</li>
      </ul>
      <div class="curLine"></div>
    </div>
    <div class="sys-topbar">
      <img src="../../assets/images/_userphoto.png"><span><a href="javascript:void(0);">Admin</a><a href="javascript:void(0);"> 【注销】</a></span>
    </div>
  </div>

  <div class="sys-sidebar">
    <div class="toggle-sidebar"><i class="icon-toleft"></i></div>
    <ul>
      <li> <a href="sys-db.html"><i class="icon-db"></i><span>日志管理</span></a><em class="open"></em>
        <ul>
          <li><a href="sys-disk.html">日志清理</a></li>
          <!-- <li><a href="sys-backup.html">数据备份</a></li> -->
        </ul>
      </li>

      <li class="active"> <a href="javascript:void(0);"><i class="icon-info-fill"></i><span>系统信息</span></a><em class="open"></em>
        <ul>
          <li><a href="sys-info.html">系统信息</a></li>
          <li><a href="sys-email.html">邮件服务器</a></li>
          <li><a href="sys-collection.html">采集服务器</a></li>
          <li  class="active"><a href="sys-server.html">客户端类型配置</a></li>
        </ul>
      </li>
      <li> <a href="sys-dictionary.html"><i class="icon-info-fill"></i><span>数据字典管理</span></a><em class="open"></em>
        <ul>
          <li><a href="sys-dictionary.html">码表管理</a></li>
        </ul>
      </li>
    </ul>
  </div>

  <div class="sys-main" id="sys-main">
    <div class="sys-title"><h2>客户端类型配置</h2></div>
    <div class="sys-content">
      <div class="panel">

        <div class="panel-head">
          <div class="panel-title">
            <h3>节点列表</h3>
          </div>
          <div class="btnbar"> <button class="btn btn-8" id="addbtn">添加集群</button> <button class="btn btn-minor">导入</button> <button class="btn btn-minor">导出</button></div>
          <div class="filter">
            <input type="text" placeholder="请输入IP查询">
            <button class="btn">检索</button>
          </div>
        </div>

        <div class="panel-body" id="datasource">
          <div class="source-box">
            <div class="source-tit"><h4>FTP</h4></div>
            <div class="source-item">
              <p><strong>移动3G预处理集群</strong> <em class="icons"> <a href="javascript:void(0);"  title="添加"><i class="icon-add-circle-o"></i></a><a href="javascript:void(0);"  title="修改"><i class="icon-setting"></i></a><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></p>
              <ul  id="advanced-1" class="scrollbar">
                <li><span>172.18.10.3 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>172.18.10.4 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>172.18.10.5 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>172.18.10.6 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>172.18.10.7 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>172.18.10.8 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
              </ul>
            </div>

            <div class="source-item">
              <p><strong>电信3G预处理集群</strong> <em class="icons"><a href="javascript:void(0);"  title="添加"><i class="icon-add-circle-o"></i></a><a href="javascript:void(0);"  title="修改"><i class="icon-setting"></i></a><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></p>
              <ul  id="advanced-2" class="scrollbar">
                <li><span>221.17.232.3 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.4 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.5 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.6 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.7 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.8 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.9 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.10 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.22 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
              </ul>
            </div>
            <div class="source-item">
              <p><strong>联通3G预处理集群</strong> <em class="icons"><a href="javascript:void(0);"  title="添加"><i class="icon-add-circle-o"></i></a><a href="javascript:void(0);"  title="修改"><i class="icon-setting"></i></a><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></p>
              <ul  id="advanced-4" class="scrollbar">
                <li><span>221.17.232.3 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.4 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.5 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.6 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.7 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.8 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.9 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
              </ul>
            </div>
          </div>


          <div class="source-box">
            <div class="source-tit"><h4>分光</h4></div>
            <div class="source-item">
              <p><strong>电信3G预处理集群</strong> <em class="icons"><a href="javascript:void(0);"  title="添加"><i class="icon-add-circle-o"></i></a><a href="javascript:void(0);"  title="修改"><i class="icon-setting"></i></a><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></p>
              <ul  id="advanced-5" class="scrollbar">
                <li><span>221.17.232.3 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.4 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.5 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.6 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.7 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.8 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.9 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.10 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.11 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.12 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.18 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.19 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.20 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.21 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.22 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
              </ul>
            </div>
            <div class="source-item">
              <p><strong>移动3G预处理集群</strong> <em class="icons"><a href="javascript:void(0);"  title="添加"><i class="icon-add-circle-o"></i></a><a href="javascript:void(0);"  title="修改"><i class="icon-setting"></i></a><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></p>
              <ul  id="advanced-6" class="scrollbar">
                <li><span>221.17.232.3 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.4 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.5 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.18 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.19 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.20 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.21 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>221.17.232.22 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
              </ul>
            </div>
          </div>

          <div class="source-box">
            <div class="source-tit"><h4>应用系统</h4></div>
            <div class="source-item" class="scrollbar">
              <p><strong>联通3G预处理集群</strong> <em class="icons"><a href="javascript:void(0);"  title="添加"><i class="icon-add-circle-o"></i></a><a href="javascript:void(0);"  title="修改"><i class="icon-setting"></i></a><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></p>
              <ul  id="advanced-7">
                <li><span>112.78.22.13 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.14 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.15 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.16 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.17 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.18 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.19 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
              </ul>
            </div>
            <div class="source-item" class="scrollbar">
              <p><strong>电信3G预处理集群</strong> <em class="icons"><a href="javascript:void(0);"  title="添加"><i class="icon-add-circle-o"></i></a><a href="javascript:void(0);"  title="修改"><i class="icon-setting"></i></a><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></p>
              <ul  id="advanced-8">
                <li><span>112.78.22.13 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.14 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.15 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.19 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
              </ul>
            </div>
          </div>

          <div class="source-box">
            <div class="source-tit"><h4>采集源节点</h4></div>
            <div class="source-item" class="scrollbar">
              <p><strong>联通3G预处理集群</strong> <em class="icons"><a href="javascript:void(0);"  title="添加"><i class="icon-add-circle-o"></i></a><a href="javascript:void(0);"  title="修改"><i class="icon-setting"></i></a><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></p>
              <ul  id="advanced-9">
                <li><span>112.78.22.13 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.14 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.15 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.16 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.17 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.18 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.19 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
              </ul>
            </div>
            <div class="source-item" class="scrollbar">
              <p><strong>联通3G预处理集群</strong> <em class="icons"><a href="javascript:void(0);"  title="添加"><i class="icon-add-circle-o"></i></a><a href="javascript:void(0);"  title="修改"><i class="icon-setting"></i></a><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></p>
              <ul  id="advanced-10">
                <li><span>112.78.22.13 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.14 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.15 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.16 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.17 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.18 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
                <li><span>112.78.22.19 </span><em class="icons"><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></em></li>
              </ul>
            </div>
          </div>

        </div>
        <!--panel-body end-->
      </div>
    </div>
  </div>


  <div class="dialog dialog-sm" id="add">
    <div class="dialog-win">
      <div class="dialog-head"><span>添加采集集群</span><a class="close" href="javascript:void(0);"><i class="icon-close"></i></a></div>
      <div class="dialog-body">
        <div class="form-box">
          <div class="form-item">
            <div class="form-title"><em class="fc-danger">*</em>名称：</div>
            <div class="form-content"><input class="input" type="text"></div>
          </div>
          <div class="form-item">
            <div class="form-title">类型：</div>
            <div class="form-content"><select class="stype" >
              <option value="0" >分光</option>
              <option value="1" selected>FTP</option>
              <option value="2">应用系统</option>
              <option value="3">采集源节点</option>
            </select></div>
          </div>
          <div class="form-item">
            <div class="form-title">网吧等数据采集集群：</div>
            <div class="form-content"><select >
              <option value="">FTP-3G联通集群</option>
              <option value="">FTP-3G电信集群</option>
              <option value="">网吧等数据采集集群</option>
            </select></div>
          </div>
          <div class="form-item">
            <div class="form-title">描述：</div>
            <div class="form-content"><textarea class="input"></textarea></div>
          </div>
        </div>
      </div>
      <div class="dialog-foot"><button class="btn" id="save">确认</button><button id="cancel" class="btn btn-minor">取消</button></div>
    </div>
  </div>
  <!--dialog end-->

  <div class="dialog dialog-sm" id="edit">
    <div class="dialog-win">
      <div class="dialog-head"><span>修改采集集群</span><a class="close" href="javascript:void(0);"><i class="icon-close"></i></a></div>
      <div class="dialog-body">
        <div class="form-box">
          <div class="form-item">
            <div class="form-title"><em class="fc-danger">*</em>名称：</div>
            <div class="form-content"><input class="input" type="text" value="移动3G预处理集群"></div>
          </div>
          <div class="form-item">
            <div class="form-title">类型：</div>
            <div class="form-content"><select class="stype" >
              <option value="0" >分光</option>
              <option value="1" selected>FTP</option>
              <option value="2">应用系统</option>
              <option value="3">采集源节点</option>
            </select></div>
          </div>
          <div class="form-item">
            <div class="form-title">网吧等数据采集集群：</div>
            <div class="form-content"><select >
              <option value="">FTP-3G联通集群</option>
              <option value="">FTP-3G电信集群</option>
              <option value="">网吧等数据采集集群</option>
            </select></div>
          </div>
          <div class="form-item">
            <div class="form-title">描述：</div>
            <div class="form-content"><textarea class="input"></textarea></div>
          </div>
        </div>
      </div>
      <div class="dialog-foot"><button class="btn" id="save">确认</button><button id="cancel" class="btn btn-minor">取消</button></div>
    </div>
  </div>
  <!--dialog end-->
</body>
</html>
<script>
  $(document).ready(function(){
    $(".source-item").on("click", "strong",function() {
     if($(this).parents(".source-item").hasClass('open')){
      $(this).parents(".source-item").removeClass('open');
      $(this).parent().next("ul").show();
    }
    else{
      $(this).parents(".source-item").addClass('open');
      $(this).parent().next("ul").hide();
    }
  })

    $(".stype").on("change",function() {
      $(this).val()=="1" ? $(this).parents(".form-item").next().show() : $(this).parents(".form-item").next().hide()
    })

    $("#addbtn ").on("click",function(){
      $("#add").show();
    })

    $(".source-item p ").on("click","a[title='修改']",function(){
      $("#edit").show();
    })

    $(".source-item p ").on("click","a[title='添加']",function(){
      $pobj=$(this).parents(".source-item").find('ul')
      $pobj.prepend("<li><input type='text'> <button class='btn btn-sm'><i class='icon-save'></i></button></li>")
    })

    $(".dialog .close,#cancel").on("click",function(){
      $(".dialog").hide();
    })


    $(".scrollbar").mCustomScrollbar({
      autoHideScrollbar:true,
      advanced:{
        autoExpandHorizontalScroll:true
      }
    });

  })
/*
    $.fn.zTree.init($("#dblist"), setting, zNodes);

var setting = {
  check: {
    enable: true
  },
  data: {
    simpleData: {
      enable: true
    }
  }
};

var zNodes =[
{ id:1, pId:0, name:"HBASE", open:true},
{ id:11, pId:1, name:"T-USERINFO"},
{ id:12, pId:1, name:"T-LOG"},
{ id:13, pId:1, name:"T-LOGIN"},
{ id:14, pId:1, name:"T-IP-INFO"},

{ id:2, pId:0, name:"ORACLE"},
{ id:21, pId:2, name:"T-DB-NEW"},
{ id:22, pId:2, name:"T-DB-2016"},
{ id:23, pId:2, name:"T-DB-INFO2016-TEMP"},

{ id:3, pId:0, name:"DB-WASKL"},
{ id:31, pId:3, name:"T-SQMSL"},
{ id:32, pId:3, name:"T-SMQXH-JSK"},
{ id:33, pId:3, name:"T-BMSL-ZSJD"},

{ id:4, pId:0, name:"DB-ORACL-DJS"},
{ id:41, pId:4, name:"T-SKA"},
{ id:42, pId:4, name:"T-ZJSL2"},
{ id:43, pId:4, name:"T-Z,MWNZ"},
{ id:44, pId:4, name:"T-MBMSA"},
];*/

// var el = document.getElementById('datasource');
// var sortable = Sortable.create(el);
/*
(function () {
  'use strict';

  var byId = function (id) { return document.getElementById(id); },

  loadScripts = function (desc, callback) {
    var deps = [], key, idx = 0;

    for (key in desc) {
      deps.push(key);
    }

    (function _next() {
      var pid,
      name = deps[idx],
      script = document.createElement('script');

      script.type = 'text/javascript';
      script.src = desc[deps[idx]];

      pid = setInterval(function () {
        if (window[name]) {
          clearTimeout(pid);

          deps[idx++] = window[name];

          if (deps[idx]) {
            _next();
          } else {
            callback.apply(null, deps);
          }
        }
      }, 30);

      document.getElementsByTagName('head')[0].appendChild(script);
    })()
  },

  console = window.console;
  [{
    name: 'advanced',
    pull: true,
    put: true
  },
  {
    name: 'advanced',
    pull: true,
    put: true
  },
  {
    name: 'advanced',
    pull: true,
    put: true
  }].forEach(function (groupOpts, i) {
    Sortable.create(byId('advanced-' + (i + 1)), {
      // sort: (i != 1),
      group: groupOpts,
      animation: 150,
      onEnd:function (evet) {
        debugger

      }
    });
  });
})();*/


</script>